<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Flowy admin</title>
	<link href="/assets/todc-bootstrap.css?body=1" media="screen" rel="stylesheet" type="text/css" />
	<link href="/assets/style-admin?body=1" media="screen" rel="stylesheet" type="text/css" />
	<script src="/assets/jquery?body=1"></script>
	<script src="/assets/bootstrap-dropdown?body=1"></script>
	<script src="/assets/bootstrap-tooltip?body=1"></script>
	<script src="/assets/bootstrap-popover?body=1"></script>
	<script src="/assets/bootstrap-modal?body=1"></script>
	<script>
		$(function(){
			$('.click-time').popover({
				trigger:'hover',
				html:true
			});
			$('.answer-time').popover({
				trigger:'hover',
				html:true
			});
			$('#myModal').modal(options)
		})
	</script>
</head>
<body>
	<div class="navbar navbar-googlebar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="brand" href="./index.html">FLowy admin</a>
				<ul class="nav pull-right">
					<li id="fat-menu" class="dropdown">
						<a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown">
							iamnat@126.com <b class="caret"></b>
						</a>
						<ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
							<li role="presentation">
								<a role="menuitem" tabindex="-1" href="#">修改密码</a>
							</li>

							<li role="presentation">
								<a role="menuitem" tabindex="-1" href="#">退出登录</a>
							</li>
						</ul>
					</li>
				</ul>

			</div>
		</div>
	</div>

	<div class="container">

		<ul class="breadcrumb">
			<li>
				<a href="#">Home</a>
				<span class="divider">/</span>
			</li>
			<li>
				<a href="#">关键字</a>
				<span class="divider">/</span>
			</li>
			<li class="active">详情</li>

		</ul>
	</div>
	<div class="container">
		<span>
			<input class="pull-left" style="margin-right:5px;" type="checkbox" name="" id="all">
			<label class="pull-left" for="all">全选</label>
			<button class="option-btn btn btn-small"> <i class="icon-trash"></i>
			</button>
			<button class="option-btn btn btn-small"> <i class="icon-retweet"></i>
			</button>
		</span>
		<span class="pull-right">
			<input class="pull-left" style="margin-right:5px;" type="checkbox" name="" id="lose">
			<label class="pull-left" for="lose">只看失败的</label>
		</span>
	</div>
	<div class="tag-txt-list">
		<ul>
			<li class="pull-left well status">
				<span class="head">
					<img src="http://imgstatic.baidu.com/img/image/shouye/fanbingbing.jpg" alt=""></span>
				<span class="tag-txt-top">
					<span class="sex">女</span>
					<span class="address">北京市</span>
					<span class="checkbox pull-right">
						<input type="checkbox" name="" id=""></span>
				</span>
				<span class="status-panel">
					<span class="push-num muted">
						被推送
						<span style="color:orange">100</span>
						次
					</span>
					<span class="click-num muted">
						点击
						<span class="click-time" data-toggle="popover" data-placement="bottom" data-content="
							<i class='icon-time'></i>
						5月22日 17:50
						<br>
						<i class='icon-time'></i>
						5月22日 17:50
						<br>">123</span>
					次
				</span>
				<span class="answers-num muted">
					回答
					<span class="answer-time" data-toggle="popover" data-placement="bottom" data-content="
							<i class='icon-time'></i>
					5月22日 17:50
					<br>
					<i class='icon-time'></i>
					5月22日 17:50
					<br></ul>
				">123
			</span>
			次
		</span>
	</span>

	<span class="tag-text">
		【世界上最美丽壮观的9座大桥】 1、丹麦厄勒海峡大桥；2、美国布鲁克林大桥；3、美国金门大桥；4、英国塔桥；5、意大利维琪奥桥；6、英国盖茨黑德千僖桥；7、法国米约高架桥；8、巴西圣保罗奥利韦尔桥；9、荷兰伊拉斯谟斯桥。
	</span>

	<span class="tag-txt-bottom">
		<span class="time muted">10分钟前</span>
		<span class="btn-group pull-right">
			<button class="btn pull-left" type="button" data-toggle="modal" data-target="#myModal">
				<i class="icon-comment"></i>
			</button>
			<button class="btn pull-left">
				<i class="icon-trash"></i>
			</button>
		</span>
	</span>
</li>
<li class="pull-left well lose">
	<span class="head">
		<img src="http://imgstatic.baidu.com/img/image/shouye/zhonghanliang.jpg" alt=""></span>
	<span class="tag-txt-top">
		<span class="sex">男</span>
		<span class="address">吉林省 吉林市</span>
		<span class="checkbox pull-right">
			<input type="checkbox" name="" id=""></span>
	</span>
	<span>
		<span class="push-num muted pull-left red">失败原因：这里是失败原因</span>
	</span>

	<span class="tag-text">
		【世界上最美丽壮观的9座大桥】 1、丹麦厄勒海峡大桥；2、美国布鲁克林大桥；3、美国金门大桥；4、英国塔桥；5、意大利维琪奥桥；6、英国盖茨黑德千僖桥；7、法国米约高架桥；8、巴西圣保罗奥利韦尔桥；9、荷兰伊拉斯谟斯桥。
	</span>

	<span class="tag-txt-bottom">
		<span class="time muted">10分钟前</span>

		<span class="btn-group pull-right">
			<button class="btn">
				<i class="icon-retweet"></i>
			</button>
			<button class="btn">
				<i class="icon-trash"></i>
			</button>
		</span>
	</span>
</li>
</ul>
<!-- 弹出窗 -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
	<h4 id="myModalLabel">全部评论</h4>
</div>
<div class="modal-body">
	<p class="comment-list">
		<a href="#" class="username">iamnat@126.com</a>
		<span class="comment-time muted">(30分钟之前)</span>
		<span>：</span>
		<br>
		<span class="comment-txt">这是该用户的评论！这是该用户的评论！这是该用户的评论！这是该用户的评论！</span>
	</p>
	<p class="comment-list">
		<a href="#" class="username">iamnat@126.com</a>
		<span class="comment-time muted">(30分钟之前)</span>
		<span>：</span>
		<br>
		<span class="comment-txt">这是该用户的评论！这是该用户的评论！这是该用户的评论！这是该用户的评论！</span>
	</p>
	<p class="comment-list">
		<a href="#" class="username">iamnat@126.com</a>
		<span class="comment-time muted">(30分钟之前)</span>
		<span>：</span>
		<br>
		<span class="comment-txt">这是该用户的评论！这是该用户的评论！这是该用户的评论！这是该用户的评论！</span>
	</p>

</div>

<div class="modal-footer">
	<form>
		<textarea class="span5" rows="2"></textarea>
		<p class="muted">您当前还能输入 140 个字</p>
		<button class="btn btn-primary">提交</button>
	</form>

</div>
</div>
</div>
<footer class="footer well navbar-fixed-bottom">
<div class="container">
<p>Flowy admin Ver 1.0 beta</p>
</div>
</footer>
</body>
</html>